@use "sass:map";

// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when,$namespace}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;

@import "common/index.scss";

@include bem_b(textarea) {
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  @include flex;
  flex: 1;
  padding: 9px;
  width: 100%;
  
  @include bem_e(field) {
  	  	flex: 1;
  	  	font-size: 15px;
  	  	@include VueAndNvueStyleAttr("color","text-color", "regular");
  	  	width: 100%;
  }
  @include bem_e(count) {
  	  	position: absolute;
  	  	right: 5px;
  	  	bottom: 2px;
  	  	font-size: 12px;
  	  	@include VueAndNvueStyleAttr("color","text-color", "secondary");
  	  	background-color: #ffffff;
  	  	padding: 1px 4px;
  	  
  }
  
  @include bem_m(radius) {
    border-radius: 4px;
  }
  @include bem_m(no-radius) {
    border-radius: 0;
  }
  @include bem_m(disabled) {
    background-color: #f5f7fa;
  }
  @include bem_m(border) {
    @include VueAndNvueStyleAttr("border-color","input", "border-color");
    @include VueAndNvueStyleAttr("border-width","input", "border-width");
    @include VueAndNvueStyleAttr("border-style","input", "border-style");
  }
  @include bem_m(border-bottom) {
	  border-width: 0px;
    @include VueAndNvueStyleAttr("border-bottom-width","input", "border-width") ;
  }
 
}
